<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="{$navCur.keywords}"/>
    <meta name="description" content="{$navCur.description}"/>
    <title>{$navCur.seotitle} - {$site.site_name}</title>
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/style.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/media.css">
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/wow.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/menu.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/javascript.js"></script>
    <link rel="shortcut icon" href="__CDN__/assets/addons/wwh/images/favicon.ico">
</head>
<body>
<!--头部-->
{include file="header" /}
<!-- 栏目Banner -->
<div class="col-banner">
    <div class="text">
        <div class="title wow fadeInUp" data-wow-delay="0.3s">
            <h3>{$site.ban3_t1}</h3><i></i>
        </div>
    </div>
    <div class="img">
        <div class="pic" style="background-image: url('{$site.banner3|cdnurl}');">
            <img src="__CDN__/assets/addons/wwh/images/col_size.png" class="img-block" alt="">
        </div>
    </div>
    <div class="banner-path wow fadeInLeft" data-wow-delay="0.4s">
        <div class="container-outer">
            <div class="icon"><img src="__CDN__/assets/addons/wwh/images/home.svg" class="img-center"></div>
            <div class="link">
                <a href="{:addon_url('wwh/index/index')}">{:__lang('Home')}</a>
                <span>/</span>
                <a href="{:addon_url('wwh/column/index', [':diyname'=>$top.diyname])}">{if condition="($navCur.parent_id == '0')"} {$navCur.name} {else /} {$top.name} {/if}</a>
                <span>/</span>
                <a href="{:addon_url('wwh/column/index', [':diyname'=>$navCur.diyname])}" class="cur">{$navCur.name}</a>
            </div>
        </div>
    </div>
</div>
<!-- 内容 -->
<div class="faq-detail">
    <div class="container-outer">
        <div class="faq-top">
            <div class="faq-num wow fadeInUp" data-wow-delay="0.5s">{:__lang('Share')} {$faqCount} {:__lang('Strip')}</div>
            <form method="get" action="" class="wow fadeInUp" data-wow-delay="0.6s">
                <div class="faq-search">
                    <input type="text" value="" name="faqkeys" id="faqkeys" placeholder="{:__lang('Please enter a name')}" />
                </div>
                <input type="submit" value="" class="faq-button" />
            </form>
        </div>
        <div class="faq-bottom">
            {volist name="faq" id="v"}
            <li class="faq-item wow fadeInUp" data-wow-delay="0.7s">
                <div class="title">{$v.title}</div>
                <div class="main" style="display: none;">
                    <div class="text">{$v.content}</div>
                </div>
            </li>
            {/volist}
        </div>
    </div>
</div>
<div class="fenye wow fadeInUp" data-wow-delay="0.7s">{$faqPage}</div>
<!--底部-->
{include file="footer" /}
<script type="text/javascript">
    $('.faq-item .title').click(function() {
        $(this).parent().parent().siblings().find('.title').removeClass('cur');
        $(this).parent().parent().siblings().find('.main').slideUp();
        if($(this).siblings('.main').length > 0) {
            $(this).toggleClass('cur');
            $(this).siblings('.main').stop(true, true).slideToggle();
            if($(this).siblings('.main').css('display') == "block") {
                $(this).parents('.faq-item').siblings().find('.title').removeClass('cur');
                $(this).parents('.faq-item').siblings().find('.main').slideUp();
            }
        }
    });
</script>
</body>
</html>
